/*** logoAndSearch ***/
.logoAndSearch{
    background-color: #fff;
}
.logoAndSearch .search .searchCont{
    width: 540px;
    border-right: none;
    border-color: #ddd;
}
.logoAndSearch .searchCont input{
    width: 397px;
    padding-left: 35px;
    background: url("/default/images/part_time/jz.png") no-repeat 7px 11px;
}
.logoAndSearch .searchCont button{
    width: 100px;
    height: 46px;
    margin-top: -2px;
    margin-right: -2px;
}
/** moreSearch **/
/*.logoAndSearch .wrapper .moreSearch {*/
    /*position: relative;*/
    /*float: left;*/
    /*margin-left: 10px;*/
/*}*/
/*.logoAndSearch .moreSearch a {*/
    /*float: left;*/
    /*margin-left: 25px;*/
/*}*/
/*.logoAndSearch .moreSearch a.more_c {*/
    /*margin-left: 10px;*/
/*}*/
/*.logoAndSearch .moreSearch a span {*/
    /*float: left;*/
    /*height: 46px;*/
    /*padding-right: 11px;*/
    /*padding-left: 11px;*/
    /*color: #3498db;*/
    /*text-align: center;*/
    /*line-height: 46px;*/
    /*background-color: #f2f4f6;*/
    /*cursor: pointer;*/
/*}*/
/*.logoAndSearch .moreSearch a.more_c span{ padding-left: 0;}*/
/*.logoAndSearch .moreSearch a.more_c span i{*/
    /*float: left;*/
    /*width: 25px;*/
    /*height: 20px;*/
    /*margin-top: 13px;*/
    /*background: #f2f4f6 url("/new/images/icon/icon4.png") no-repeat 3px -751px;*/
/*}*/
/** end moreSearch **/
/*** end logoAndSearch ***/

/*** mainNav ***/
.mainNav .wrapper ul{
    margin-left: 10px;
}
.mainNav .wrapper .companyIn{
    float: right;
    display: block;
    margin-right: 20px;
}
/*** end mainNav ***/

/*** main ***/
.main{
    background-color: #f5f6f8;
}
/** banner **/
.main .banner{
    float: left;
    width: 100%;
    height: 160px;
    background: url("/new/images/part_time/parttime_banner.jpg") no-repeat center;
}
/** end banner **/
.main .wrapper{ padding-bottom: 30px;}

/** filter **/
.main .wrapper .filter{
    float: left;
    width: 960px;
    margin-top: 25px;
    margin-bottom: 20px;
    padding: 10px 20px 10px;
    background-color: #fff;
}
.main .wrapper .filter ul{
    float: left;
    width: 100%;
}
.main .filter ul li{
    float: left;
    width: 100%;
}
.main .filter li span{
    float: left;
    width: 70px;
    margin-top: 10px;
    font-weight: bold;
    line-height: 20px;
}
.main .filter li .cont{
    float: left;
    width: 890px;
}
.main .filter .cont a{
    float: left;
    margin: 10px 10px 10px 0;
    padding-right: 10px;
    padding-left: 10px;
    color: #4a5261;
    text-align: center;
    line-height: 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.main .filter .cont a:hover{ color: #3498db;}
.main .filter .cont a.selected{
    color: #fff;
    background-color: #3498db;
}
.main .filter .classes .cont{
    width: 810px;
}
.main .filter .classes .moreBtn{
    float: left;
    width: 80px;
    cursor: pointer;
}
.filter .classes .moreBtn span{
    float: left;
    width: 60px;
    color: #999;
    text-align: right;
}
.filter .classes .moreBtn i{
    float: left;
    width: 20px;
    height: 14px;
    margin-top: 13px;
}
.filter .classes .moreBtn:hover span,
.filter .classes .moreBtn.active span{ color: #3498db;}
.main .filter .classes .moreClasses{
    float: left;
    width: 832px;
    margin-left: 128px;
}
/** end filter **/

/** jobLists **/
.main .wrapper .jobLists{
    float: left;
    width: 670px;
    padding: 15px;
    background-color: #fff;
}
.main .wrapper .jobLists dl{
    float: left;
    width: 100%;
    border-bottom: 1px solid #ddd;
}
.main .jobLists dl dt,
.main .jobLists dl dd{
    float: left;
    width: 100%;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #ddd
}
.main .jobLists dl dd:hover{ background-color: #fbfbfb; }
.main .jobLists dl dt{ border-bottom: 2px solid #ddd; }
.main .jobLists dl dd.no-one{
    height: 260px;
    padding-top: 10px;
}
.main .jobLists dt span,
.main .jobLists dd span{ float: left;}
.main .jobLists dt span{
    color: #707b91;
    font-weight: bold;
}
.main .jobLists .jobName{
    width: 160px;
    text-indent: 10px;
}
.main .jobLists .jobName a{
    color: #4a5261;
    font-weight: bold;
}
.main .jobLists .jobName a:hover{ text-decoration: underline;}
.main .jobLists .salary{ width: 90px; }
.main .jobLists dd .salary{
    color: #ff7d84;
    font-weight: bold;
}
.main .jobLists .compName{ width: 160px;}
.main .jobLists .address{ width: 110px;}
.main .jobLists .settleMethod{
    width: 60px;
    text-align: center;
}
.main .jobLists .date{
    width: 90px;
    text-align: center;
}
.main .jobLists dd .date{ color: #aaaeb5;}
.main .wrapper .pageList{
    float: left;
    width: 100%;
}
.main .wrapper .pageList ul{
    float: left;
    width: 100%;
    padding-top:20px;
    padding-bottom: 5px;
    text-align: center;
}
.main .pageList ul li{
    display: inline-block;
    *display: inline;
    *zoom: 1;
    height: 30px;
    margin-right: 5px;
    margin-left: 5px;
    text-align: center;
    line-height: 30px;
    border: 1px solid #ddd;
}
.main .pageList li span,
.main .pageList li a{
    float: left;
    padding-right: 10px;
    padding-left: 10px;
    color: #4a5261;
    cursor: pointer;
}
.main .pageList li:hover a,
.main .pageList li.active span{
    color: #fff;
    background-color: #707b91;
}
/* if without the rightAside,use the nest style */
.main .wrapper .noAside{
    width: 970px;
}
.main .noAside .jobName{
    width: 210px;
    text-indent: 10px;
}
.main .noAside .salary{ width: 120px;}
.main .noAside .compName{ width: 200px;}
.main .noAside .address{ width: 200px;}
.main .noAside .settleMethod{ width: 120px;}
.main .noAside .date{ width: 120px; }
/* end if without the rightAside,use the nest style */
/** end jobLists **/

/** rightAside **/
.main .wrapper .rightAside{
    float: left;
    width: 280px;
    margin-left: 20px;
}
.main .wrapper .rightAside .box{
    float: left;
    width: 100%;
    margin-bottom: 15px;
    padding-top: 20px;
    padding-bottom: 15px;
    text-align: center;
    background-color: #fff;
}
.main .rightAside .box .boxCont{
    display: inline-block;
+display: inline;
+zoom: 1;
    width: 136px;
    padding-top: 20px;
    padding-bottom: 15px;
    text-align: center;
}
.main .rightAside .boxCont span{
    float: left;
    width: 100%;
    height: 30px;
    color: #4a5261;
    font-weight: bold;
    line-height: 30px;
}
.main .rightAside .boxCont img{
    display: inline-block;
+display: inline;
+zoom: 1;
    width: 112px;
    height: 112px;
}
.main .rightAside .box p{
    float: left;
    width: 100%;
    height: 30px;
    color: #707b91;
    text-align: center;
    line-height: 30px;
}
.main .rightAside .box a{
    float: left;
    width: 130px;
    height:35px;
    margin-top: 20px;
    margin-left: 75px;
    color: #fff;
    text-align: center;
    line-height: 35px;
    background-color: #3498db;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.main .rightAside .box a:hover{ background-color: #0a87db;}
/** end rightAside **/
/*** end main ***/